*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
body{

}
.left{
    position: fixed;
    left: 0;
    top: 0px;
    width: 160px;
    height: 1080px;
    background-color: #002147;
}
.right{
    height: 1140px;
    width: 100%;
    background-color: #0D305A;
    overflow: hidden;
}

/*侧边栏开始*/
.logo{
    width: 100px;
    margin: 0 auto;
    margin-top:20px;
}
.logo img{
    width: 100px;
}
.left span{
    display: inline-block;
    width: 100%;
    line-height:56px;
    font-size: 17px;
    text-align: center;
    color:white;
}
.leftBar{
    width: 100%;
    list-style: none;
}
.leftBar li{
    text-align: center;
    width: 100%;
    font-size: 18px;
    position: relative;

}
.leftBar a{
    line-height:40px;
    color:white;
}
.leftBar a::before{
    content: "";
    display: block;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    width: 0%;
    height: 3px;
    background-color: #fff;
    margin: auto;
    /*margin: 0 auto;*/
    transition: all 0.3s;
    opacity:0;

    /*margin-left:-50px;*/
}
 a:hover::before{
    width: 160px;
    opacity:1;
}

 /*右侧开始*/
@media screen and (max-width:1300px) {
    .right{
        width: 1300px;

    }
}
.bottom{
    width: 90%;
    margin-left:180px;
    margin-top:80px;
}
.right img{
    display: block;
    width: 1180px;
    height: 710px;
    margin-left: 180px;
}
  h2{
    font-size: 26px;
    color: white;
    line-height: 42px;
    border-bottom:3px solid white ;
    margin-bottom:14px;
}
 .zhxw{
    float: right;
    width: 476px;
    height: 380px;
    /*background-color: blue;*/
}

 .mtgz{
    float: left;
    height: 328px;
    width: 300px;
    margin-left: 40px;
    /*background-color: yellow;*/

}
 .tzgg{
    float: left;
    height: 286px;
    width: 316px;
     margin-left:80px;
    /*background-color: black;*/

}
 .xsjl{
    float: left;
    height: 286px;
    width: 314px;
    margin-left:80px;
    /*background-color: purple;*/

}

/*综合新闻*/

 .zhxw .content{
    width: 414px;
    height: 328px;
    margin-left:14px;
}
 .zhxw .content ul{

}
 .zhxw .content ul li{
    position: relative;
    padding-left:24px;
}
 .zhxw .content ul li span.circle{
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: gray;
    top: 10px;
    left: 6px;
}
 .zhxw .content ul li span, .zhxw .content ul li h4 a{
    line-height:36px;
    color:white;
    font-size: 18px;
}
 .zhxw .content ul li h4 a:hover{
    text-decoration:underline;
}
 .zhxw .content ul li .date{
    float: right;
    padding-right:10px;
}
 .zhxw .content ul li h4{
    display: inline;
}

/*媒体关注*/


.mtgz .content,.tzgg .content,.xsjl .content{
    width: 300px;
    height: 222px;
    float: left;
    /*background-color: #ECECEC;*/
}
.mtgz .content ul li,.tzgg .content ul li,.xsjl .content ul li{
    line-height: 32px;
    position: relative;
    padding-left:24px;
    font-size: 16px;
}

.mtgz .content h4,.tzgg .content h4,.xsjl .content h4{
    display: inline-block;
    color:#cfcfcf;
}
.mtgz .content h4:hover,.tzgg .content h4:hover,.xsjl .content h4:hover{
    text-decoration: underline;
}
.mtgz .content .date,.tzgg .content .date,.xsjl .content .date{
    float: right;
    color:#cfcfcf;
}
.mtgz .circle,.tzgg .circle,.xsjl .circle{
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: gray;
    top: 10px;
    left: 6px;
}
.right .mtgz1_title,.tzgg1_title,.xsjl1_title{
    overflow: hidden;
    height:24px;
    width: 195px;
}
.bottom h2{
    text-align: center;
}
/*新闻结束*/

/*脚注*/
.footer{
    width: 100%;
    height: 50px;
    background-color: #002147;
}
.footer p{
    line-height:50px;
    color: white;
    text-align: center;
}
